導(dǎo)讀:視覺是開始,無(wú)論何時(shí)事物外觀上的視覺效果將給用戶帶來(lái)莫大的視覺沖擊,留下深刻的印象。對(duì)于設(shè)計(jì)網(wǎng)站也是一樣的道理,訪客進(jìn)入到網(wǎng)站的時(shí)間就會(huì)注意到網(wǎng)站的配色,這也將直接決定
發(fā)表日期:2019-09-23
文章編輯:興田科技
瀏覽次數(shù):9446
標(biāo)簽:
視覺是開始,無(wú)論何時(shí)事物外觀上的視覺效果將給用戶帶來(lái)莫大的視覺沖擊,留下深刻的印象。對(duì)于設(shè)計(jì)網(wǎng)站也是一樣的道理,訪客進(jìn)入到網(wǎng)站的時(shí)間就會(huì)注意到網(wǎng)站的配色,這也將直接決定著訪客是否會(huì)繼續(xù)訪問網(wǎng)站。那么,在建站的過程中,企業(yè)站長(zhǎng)又該如何巧用色彩心理學(xué)來(lái)提升網(wǎng)站的營(yíng)銷力呢?
色彩不僅影響網(wǎng)站的外觀和風(fēng)格,還在網(wǎng)站表現(xiàn)力上扮演著重要的角色。換句話說,你在網(wǎng)站上應(yīng)用的顏色一定程度上決定著顧客的訪問時(shí)間、顧客回頭率、點(diǎn)擊率、業(yè)務(wù)銷售等。記住:在網(wǎng)站上,色彩的應(yīng)用絕不僅僅是為了美觀,讓大家看上去舒服,更重要的是它的功能性。因此,在你自己動(dòng)手做網(wǎng)站時(shí),你要好好考慮這一點(diǎn)。生活中,我們中的一些人甚至不能很好的搭配上衣和褲子的顏色,那么面對(duì)打造一個(gè)成功網(wǎng)站時(shí),如何選擇的色彩組合就成為一個(gè)難題了。這時(shí),我們就要請(qǐng)色彩理論"出山"了。色彩理論是藝術(shù)設(shè)計(jì)中一個(gè)很重要的概念,在光學(xué)中為人們所廣泛熟知。一般而言,色彩理論給圖像處理員提供了創(chuàng)造色彩組合的工具,目前的網(wǎng)頁(yè)設(shè)計(jì)師也依靠它完成色彩搭配設(shè)計(jì)的工作,在網(wǎng)站中使用色彩理論前需要了解的一些事項(xiàng):
色彩理論
色彩理論的核心是色輪,小飛相信很多人之前可能已經(jīng)見過(如下圖所示)
色輪是各種顏色及相關(guān)顏色的組合圖示,所有的顏色都可以在色輪中呈現(xiàn)。色輪中包含3個(gè)原色:紅色、藍(lán)色和黃色。把原色混合在一起,你就能得到二次色:橙色、綠色和紫色。在一般具有12個(gè)顏色的色輪中,混合原色和二次色,你就會(huì)得到6個(gè)三次色:黃綠色,綠藍(lán)色,藍(lán)紫色,紫紅色,橙紅色,橙黃色。常見的色輪除了12色的,還有24色的,24色色輪的顏色分類更加詳細(xì)復(fù)雜。
暖色VS冷色
色輪分為兩大類別:暖色,主要圍繞黃色、橙色和紅色(包括大多數(shù)棕色色調(diào));冷色,主要圍繞藍(lán)色、綠色和紫色(包括大部分灰色色調(diào))。選擇暖色或冷色調(diào)沒有對(duì)錯(cuò)之分,如何選擇基于你想要達(dá)到什么樣的效果。因?yàn)轭伾后w總是和一定的情感聯(lián)系在一起的,暖色能夠鼓舞人心,展現(xiàn)活力,舉個(gè)例子來(lái)說,在2009年經(jīng)濟(jì)狀況不好時(shí),黃色成為網(wǎng)頁(yè)設(shè)計(jì)中非常流行的色彩,因?yàn)楹芏喙鞠M櫩驮谒麄兊木W(wǎng)站上感受到陽(yáng)光、舒適和希望。而冷色常會(huì)使人感到安靜,有鎮(zhèn)定人心的效果,比如很多銀行都會(huì)用到藍(lán)色,以呈現(xiàn)出一個(gè)冷靜、的公司形象。
在網(wǎng)站上是使用暖色?還是冷色?這取決于你的品牌身份以及你想要在網(wǎng)站上營(yíng)造什么樣的氛圍。當(dāng)然,將冷暖色組合在一起用也是可以的。如果你有這個(gè)想法的話,可以參考下面幾條建議:
常見色彩搭配方法
成功的色彩組合總是遵循一定的搭配準(zhǔn)則,這些準(zhǔn)則大部分都與顏色在色輪中的位置有關(guān)系。比如:
對(duì)比色搭配:使用對(duì)比強(qiáng)烈的顏色,不同的顏色在色輪上相隔至少兩格。使用對(duì)比色可以用來(lái)吸引注意力或者將某顏色分離,在網(wǎng)站中適用于"行為引導(dǎo)"按鈕。
互補(bǔ)色搭配:這種方法利用色輪上位置相對(duì)的兩種顏色,就像紅色和綠色,或者黃色和紫色。當(dāng)兩個(gè)互補(bǔ)色并列開來(lái),他們會(huì)將對(duì)方代表的情感推向極端,紅色放在綠色旁邊,會(huì)顯得更加“刺激、激進(jìn)、有力量”,綠色也會(huì)顯得更加舒適。在網(wǎng)站中使用對(duì)比色,會(huì)讓設(shè)計(jì)顯得更加活潑。要用好互補(bǔ)色,知名的辦法就是:改變明度、降低純度,看起來(lái)會(huì)柔和許多。但是,要想配色顯得很完整,可以在對(duì)比色上添加中性色。中性色在一個(gè)標(biāo)準(zhǔn)的色輪上是找不到的,如米色,淺棕色,淺灰色,黑色和白色。
類比色搭配:在這種搭配方法中,你可以使用三個(gè)相鄰的顏色組合在一起,如橙色、黃橙色和黃色,或者紫色、紫藍(lán)色和藍(lán)色。任何色輪上相鄰的3個(gè)顏色(即類比色)會(huì)產(chǎn)生一種令人愉悅、低對(duì)比度的和諧美感,這是因?yàn)樗麄兊念伾芟嘟?/p>
三色系搭配:準(zhǔn)備好使用幾何知識(shí)了嗎?三色系搭配方案使用色輪中三個(gè)顏色,其距離彼此相等,形成的等邊三角形。組合顏色可以是:黃綠色、橙紅色和紫藍(lán)色,或者是黃橙色、紫紅色和藍(lán)綠色。三色系是安全的配色方案,色輪上的三種顏色能夠確保視覺平衡。大多數(shù)設(shè)計(jì)師認(rèn)為三色系是知名的配色方案,但還得具體情況具體分析。使用三色系搭配方案對(duì)于用戶范圍很廣的網(wǎng)站是非常好的選擇,比如醫(yī)療網(wǎng)站,略帶愉悅感的同時(shí)不顯乏味。不過對(duì)于一些需要強(qiáng)烈風(fēng)格的時(shí)尚或音樂網(wǎng)站,由于缺少?gòu)?qiáng)烈的對(duì)比色,缺乏激進(jìn)的情感,三色系配色方案就不太適用了。
分散互補(bǔ)色搭配:尋找三種顏色,其中兩種互相類似,另一種與它們形成對(duì)比,這就是分散互補(bǔ)色搭配。分散互補(bǔ)色搭配是初學(xué)者很好的選擇,怎么搭都很好看。如下圖,紅、深藍(lán)與淺藍(lán)搭配,突出對(duì)比感,畫面又不失和諧。
矩形互補(bǔ)色搭配:使用兩組互補(bǔ)色,這兩組互補(bǔ)色在色輪上可以形成一個(gè)矩形。例如,你可以組合黃橙色、黃綠色、藍(lán)紫色和紫紅色,這個(gè)色彩就會(huì)很豐富。但如果你不希望網(wǎng)站上看上去顏色太多、太亂,你可以選擇一種顏色作為基本色,對(duì)其余顏色做一些細(xì)微差別。想要用好矩形互補(bǔ)色是有一定難度的,注意在選擇顏色時(shí)應(yīng)盡量平衡冷暖色調(diào)。
單色搭配:顧名思義,這種方案使用相同顏色的不同色調(diào)來(lái)搭配組合。一種色相一般由暗、中、明三種色調(diào)組成。單色搭配可以同時(shí)使用這三種色調(diào),形成明暗的層次,也可以只關(guān)注使用明色調(diào)或暗色調(diào)。單色搭配有清晰的視覺效果,還能讓人感覺到極簡(jiǎn)主義的風(fēng)格。
上文談到了不少配色方案及其實(shí)現(xiàn)的效果,企業(yè)站長(zhǎng)可以在建站的過程中選擇適合自己的方案應(yīng)用與實(shí)踐。但是,企業(yè)站長(zhǎng)需要尤為注意在使用理論的過程中不能生搬硬套,還應(yīng)根據(jù)自身的業(yè)務(wù)特點(diǎn)和品牌格調(diào)來(lái)決定網(wǎng)站色彩的調(diào)配。
上一篇:
暫無(wú)信息更多新聞
2019
視覺是開始,無(wú)論何時(shí)事物外觀上的視覺效果將給用戶帶來(lái)莫大的視覺沖擊,留下深刻的印象。對(duì)于設(shè)計(jì)網(wǎng)站也是一樣的道理,訪客進(jìn)入到網(wǎng)站的時(shí)間就會(huì)注意到網(wǎng)站的配色,這也將直接決定
View details
2020
關(guān)于搜索引擎優(yōu)化,現(xiàn)在的企業(yè)都要擁有自己的網(wǎng)站,因?yàn)樗梢越o給公司帶來(lái)方方面面的幫助。比如常規(guī)的官方網(wǎng)站,主要用來(lái)展示公司的一些相關(guān)信息。比如公
View details
2020
關(guān)于seo,如何設(shè)置關(guān)鍵字需要與做seo打交道,每個(gè)頁(yè)面都可以單獨(dú)放置某些特定的關(guān)鍵字,而要做seo工作,就必須設(shè)置適當(dāng)?shù)年P(guān)鍵字。當(dāng)我們?cè)O(shè)置網(wǎng)站的關(guān)鍵詞時(shí),有
View details
2020
關(guān)于搜索引擎優(yōu)化,而且seo市場(chǎng)的巨大需求使得更多的人開始從事seo職業(yè),并且在進(jìn)入之前需要先學(xué)習(xí)seo。特殊職業(yè)適合特殊人群進(jìn)入,或特殊人群進(jìn)入特殊職業(yè)
View details